<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册页</title>
		<link rel="stylesheet" type="text/css" href="../css/register.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<script src="../js/jquery-1.11.3.js"text/javascript" charset="utf-8"></script>
		<script src="../js/register.js" type="text/javascript" charset="utf-8"></script>
	</head>
       
	<body>
		<!----------------------百联-用户注册----------------->
		<div class="top">
			<ul>
				<li ><a  href="../首页.html" al="" title="首页" ><img src="../注册页-images/bailian.jpg"   /></a></li>
				<li><img src="../注册页-images/gun.jpg"></li>
				<li>
					<p>用户注册</p>
				</li>
			</ul>
		</div>
		<!---------------------------注册的表单---------------->
		<div class="wrap">
			<div class="nin">
				<p>您好，感谢您加入i百联</p>
				<p>如有账号，请点击
					<a href="#">登录</a>
				</p>
			</div>

			<form class="register_wrap_2" action=''>
				<div class="user_div">
					<p>* <span>用户名 :</span></p>
					<input type="text" id="user" class="inp1 required" name="user" required=true placeholder="6-20位字符，支持字母或字母与数字组合" style="background:url(../icon/用户.png) 6px 8px no-repeat">
					<li><img src="../down-images/v-icon-1.png" alt=""><strong>请输入用户名</strong></li>
					<li><img src="../down-images/v-icon-2.png" alt=""><strong>请输入用户名</strong></li>
					<li><img src="../down-images/v-icon-3.png" alt=""></li>
				</div>
				<div class="password_div">
					<p>* <span>登录密码 :</span></p>
					<input type="password" class="inp1" id="password" placeholder="6-20位字符，建议使用字母、符号和数字组合" style="background:url(../icon/密码.png) 6px 8px no-repeat">
					<li>
						<img src="../down-images/v-icon-1.png" alt="">
						<strong>密码强度<i>弱</i><i>中</i><i>强</i></strong>
					</li>
					<li><img src="../down-images/v-icon-2.png" alt=""><strong>请输入登录密码</strong></li>
					<li><img src="../down-images/v-icon-3.png" alt=""></li>
				</div>
				<div class="confirm_password_div">
					<p>* <span>确认密码 : </span></p>
					<input type="password" class="inp1" id="confirm_password" placeholder="请再次输入密码" style="background:url(../icon/密码.png) 6px 8px no-repeat">
					<li><img src="../down-images/v-icon-1.png" alt=""><strong>请输入确认密码</strong></li>
					<li><img src="../down-images/v-icon-2.png" alt=""><strong>请输入确认密码</strong></li>
					<li><img src="../down-images/v-icon-2.png" alt=""><strong>确认密码与登录密码不一致</strong></li>
					<li><img src="../down-images/v-icon-3.png" alt=""></li>

				</div>
				<div class="tel_div">

					<p>* <span>手机号 :</span></p>
					<input type="text" id="tel" class="inp1" placeholder="请输入11位手机号码" style="background:url(../icon/手机.png) 6px 8px no-repeat">
					<li><img src="../down-images/v-icon-1.png" alt=""><strong>请输入手机号码</strong></li>
					<li><img src="../down-images/v-icon-2.png" alt=""><strong>请输入手机号码</strong></li>
					<li><img src="../down-images/v-icon-3.png" alt=""></li>
				</div>
				<div class="auth_code_div">
					<p style="color:#000">验证码 : </p>
					<input type="text" id="auth_code" class="inp2" placeholder="请输入验证码" style="background:url(../icon/密码.png) 6px 8px no-repeat">

					<a href="#javascript:void" class="change">换一张</a>
					<div class="auth_img" "><img src="../down-images/auth_code_1.jpg " alt=" "></div>
			</div>
			<div class="message_div "> 
				<p> <span>短信验证码 :</span></p>
				<input type="text " id="message" class="inp2 " placeholder="随机输入六位数 " style="background:url(../icon/密码.png) 6px 8px no-repeat ">
				<a href="#javascript:void " class="message_btn ">获取验证码</a>
				<li><img src="../down-images/" alt=" "><strong>请输入短信信息</strong></li>
				<li><img src="../down-images/v-icon-2.png " alt=" "><strong>请输入短信信息</strong></li> 
				<li><img src="../down-images/v-icon-3.png " alt=" "></li> 
			</div>
			<div class="email_div ">
			 	<p style="color:#000 ">电子邮箱 :</p> 
				<input type="text " id="email" class="inp1 " placeholder="请输入有效邮箱 " style="background:url(../icon/邮箱.png) 6px 6px no-repeat ">
				<li><img src="../down-images/v-icon-1.png" alt=""><strong>请输入邮箱</strong></li>
				<li><img src="../down-images/v-icon-2.png " alt=" "><strong>请输入正确格式邮箱</strong></li> 
				<li></li> 
			</div>
			<div class="agree ">
				<span class="sp ">
					<a class="check" href="#javascript:void "><img src="../down-images/check.jpg " alt=" "></a>
					<a href="#javascript:void ">我已阅读并同意</a> 
				</span>
				<a class="xieyi " href="#javascript:void ">《百联通会员注册协议》</a>
			</div>
			<a class="suc " href="javascript:void(0) ">立即注册完成绑定</a> 
		</form>

	</div>
		</div>
		
		
		
		<!---------------------公共footer--------------------->
		<div id="footer">
		<ul class="ul_1 ">
				<li><a href="#javascript:void ">关于我们</a></li>
				<li><a href="#javascript:void ">联系我们</a></li>
				<li><a href="#javascript:void ">加盟合作</a></li>
				<li><a href="#javascript:void ">诚征英才</a></li>
				<li><a href="#javascript:void ">友情链接</a></li> 
 		</ul> 
 		<ul class="ul_2 ">
				<li>上海百联全渠道电子商务有限公司 版权所有 </li> 
				<li>沪ICP备15028847号</li>
	 	</ul> 
	 	<ul class="ul_3 ">
			<li>联系地址：上海市普陀区真光路1258号百联中环广场6楼</li>
			<li>
            联系电话：021-52629933
            </li>
            <li>
            咨询热线：400-900-8800
        	</li>
	 	</ul> 
	 	<ul class="ul_4 ">
			<li>
            本企业已通过ISO9001:2000 质量管理体系标准认证
            </li>
            <li> 
            认证注册号：04206Q10079ROM 
            </li>
            <li>
            认可注册号：CNAB042-Q
            </li>
            <li>
            增值电信业务经营许可证：沪B2-20100062
            </li>
	 	</ul>
	</div> 
	</body>
</html>